<!--
 * @Author: YaYa
 * @Date: 2022-07-25 18:45:27
 * @LastEditTime: 2022-08-06 17:36:58
 * @LastEditors: YaYa
 * @Description: 
 * @FilePath: \wph\html\index.html
 * 别乱动！
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>唯品会</title>
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../font_vzkl26w06vj/iconfont.css">
  <link rel="stylesheet" href="../font_k9378gtqtx/iconfont.css">
  <link rel="stylesheet" href="../font_ncxjsamb5hg/iconfont.css">
  <link rel="stylesheet" href="../font_uxmn934lm9/iconfont.css">
</head>

<body>
  <!-- 头部 -->
  <div id="header">
    <div id="top_nav">
      <div class="top_nav1">
        <div class="top_nav1_left">
          <a href="">苏州市</a>
        </div>
        <div class="top_nav1_right">
          <ul>
            <li>
              <a href="#">请登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</a>
              <div class="login">
                <div class="imgs">
                </div>
                <div class="please">
                  你好！请登录！
                </div>
                <p style="margin-top: 10px;">
                  <a href="">我的收藏</a>
                  <a href="">我的订单</a>
                  <a href="">零钱</a>
                  <a href="">我的优惠券</a>
                  <a href="">我的唯品币</a>
                  <a href="">唯品金融</a>
                </p>
              </div>
            </li>
            <li><a href="#">注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</a></li>
            <li><a href="#"><img src="../images/header_sign-hash-0459d02c.gif"
                  style="height: 20px;">&nbsp;&nbsp;签到有礼&nbsp;&nbsp;&nbsp;&nbsp;/</a>
              <div class="gift">
                <h2>
                  请前往
                  <span class="qiandao">唯品会APP首页</span>
                  签到哦！
                </h2>
                <div>
                  即日起，签到网页端入口将下线，请前往“唯品会APP首页-签到领券”继续参与签到活动。
                  <img src="../images/qiandao.png" alt="">
                </div>
                <div class="div_bg">
                  <img src="../images/erweima.png" width="100px">
                  <span>也可以使用<strong>微信</strong>扫码签到哦</span>

                </div>
              </div>
            </li>
            <li><a href="#">我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</a></li>
            <li><a href="#">我的特卖&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <i class="iconfont icon-xiajiantou"></i>
                /</a>

              <div class="get">
                <ul>
                  <li>商品收藏</li>
                  <li>品牌收藏</li>
                  <li>我的特卖</li>

                </ul>
              </div>

            </li>
            <li><a href="#">会员俱乐部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-xiajiantou"></i>/</a>
              <div class="one">俱乐部首页</div>
            </li>
            <li><a href="#">客户服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</a></li>
            <li><a href="#"><i class="iconfont icon-shouji"
                  style="margin-top: 3px;"></i>手机版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</a></li>
            <li><a href="#">更多</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 头部第二块 -->
    <div class="header_logo">
      <div class="header_logo_1">
        <img src="../images/header_logo_1.png" style="height: 100px;">
        <img src="../images/header_logo_2.jpg" style="width: 304px;height: 100px;">
        <div class="search">
          <input class="search_input" type="text" name="" placeholder="护肤套装">
          <button><i class="iconfont icon-huabanfuben"></i></button>
          <ul>
            <li>
              <a href="">周生生</a>
            </li>

            <li>
              <span class="hidden">|</span>
              <a href="">女士T恤</a>
            </li>

            <li>
              <span class="hidden">|</span>
              <a href="">女士休闲款</a>
            </li>

            <li>
              <span class="hidden">|</span>
              <a href="">护肤套装</a>
            </li>

            <li>
              <span class="hidden">|</span><a href="">手机</a>
            </li>

            <li>
              <span class="hidden">|</span>
              <a href="">女休闲服</a>
            </li>
          </ul>
        </div>
        <div class="shopping_bag">
          <i class="iconfont icon-24gl-bag" style="line-height: 30px;"></i>
          <span>购物袋</span>
        </div>
      </div>
    </div>
    <div class="nav_main">
      <div class="nav_main1">
        <ul style="margin-left: 10px;">
          <li><a href="" style="background-color: #f10180;width: 100px;color: aliceblue;">商品分类</a></li>
          <li><a href="" style="color:#f10180 ;padding-left: 20px;">推荐</a></li>
          <li><a href="" style="width: 67px;">3折疯抢</a></li>
          <li><a href="" style="width: 67px;">唯品快抢</a></li>
          <li><a href="" style="width: 67px;">唯品奢</a></li>
          <li><a href="">女装</a></li>
          <li><a href="">鞋包</a></li>
          <li><a href="">首饰</a></li>
          <li><a href="">美妆</a></li>
          <li><a href="">运动</a></li>
          <li><a href="">电器</a></li>
          <li><a href="">母婴</a></li>
          <li><a href="">男装</a></li>
          <li><a href="">更多</a></li>
        </ul>
      </div>
    </div>

    <div id="container">
      <!-- 轮播图的背景图 -->
      <div class="container_bgc1">
        <!-- 轮播图 -->
        <div class="change_img">
          <ul>
            <li><img src="../images/轮播1.jpg"></li>
            <li><img src="../images/轮播2.jpg" alt=""></li>
            <li><img src="../images/轮播1.jpg"></li>
          </ul>
        </div>

      </div>

      <div class="container_main">
        <!-- 区域一前两行 -->
        <div class="container_main1">
          <img src="../images/container1.jpg" height="120px" width="1142px">
          <div class="containermain_img">

            <div>
              <div class="img1">
                <img src="../images/containermain_bjc1.jpg" width="555px" height="282px">
              </div>

              <div class="img2">
                <img src="../images/shopping1.jpg" width="155px" height="146px">
                <img src="../images/shopping2.jpg" width="155px" height="146px">
                <img src="../images/shopping3.jpg" width="155px" height="146px">
                <div class="span文字">
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥74</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥70</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥67</span>
                  </div>
                </div>
              </div>

            </div>
            <div>
              <div class="img1">
                <img src="../images/containermain_bjc2.jpg" width="555px" height="282px">
              </div>
              <div class="img2">
                <img src="../images/shopping4.jpg" width="155px" height="146px">
                <img src="../images/shopping5.jpg" width="155px" height="146px">
                <img src="../images/shopping6.jpg" width="155px" height="146px">
                <div class="span文字">
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥63</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥57</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥187</span>
                  </div>
                </div>
              </div>



            </div>


          </div>

          <div class="containermain_img containermain_img2">

            <div>
              <div class="img1">
                <img src="../images/containermain_bjc3.jpg" width="555px" height="282px">
              </div>

              <div class="img2">
                <img src="../images/shopping7.jpg" width="155px" height="146px">
                <img src="../images/shopping8.jpg" width="155px" height="146px">
                <img src="../images/shopping9.jpg" width="155px" height="146px">
                <div class="span文字">
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥74</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥139</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥291</span>
                  </div>
                </div>
              </div>

            </div>
            <div>
              <div class="img1">
                <img src="../images/containermain_bjc4.png" width="555px" height="282px">
              </div>
              <div class="img2">
                <img src="../images/shopping10.jpg" width="155px" height="146px">
                <img src="../images/shopping11.jpg" width="155px" height="146px">
                <img src="../images/shopping12.jpg" width="155px" height="146px">
                <div class="span文字">
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥796</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥170</span>
                  </div>
                  <div>
                    <span class="one">特卖价</span>
                    <span>￥335</span>
                  </div>
                </div>
              </div>



            </div>


          </div>


        </div>
        <!-- 区域二 -->
        <div class="container_main2">
          <div class="div1">
            <img src="../images/shopping13.jpg" alt="">
            <div class="div2">
              <span class="one">5</span>
              <span class="two">折封顶</span>
              <span class="three">cocoon女装专场</span>
            </div>

          </div>

          <div class="div1">
            <img src="../images/shopping14.jpg" alt="">
            <div class="div2">
              <span class="one">1.5折起</span>
              <span class="two">SLY</span>
              <span class="three">女装专场</span>
            </div>
          </div>
          <div class="div1">
            <img src="../images/shopping15.jpg" alt="">
            <div class="div2">
              <span class="one">2.3折起</span>
              <span class="two">

                蹀愫tigrisso女鞋专场</span>
              <span class="three">女鞋专场</span>
            </div>
          </div>
          <div class="div1">
            <img src="../images/shopping16.jpg" alt="">
            <div class="div2">
              <span class="one">2.3折起</span>
              <span class="two">ASL</span>
              <span class="three">女鞋专场</span>
            </div>
          </div>
          <div class="div1">
            <img src="../images/shopping17.jpg" alt="">
            <div class="div2">
              <span class="one">2折起</span>
              <span class="two">持久口气清晰</span>
              <span class="three">产品</span>
            </div>
          </div>
          <div class="div1">
            <img src="../images/shopping18.jpg" alt="">
            <div class="div2">
              <span class="one">2.8折起</span>
              <span class="two">ONITSUKA</span>
              <span class="three"> TIGER专场</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div class="footer_main">
        <img src="../images/footer.png" alt="">

        <div class="footer_list">
          <dl>
            <dt>服务保障</dt>
            <dd>正品保证</dd>
            <dd>7天无理由放心退</dd>
            <dd>7*15个小时客服服务</dd>
            <dd>7天无理由随心换</dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd>导购演示</dd>
            <dd>会员注册</dd>
            <dd>账户管理</dd>
            <dd>收获样品</dd>
          </dl>
          <dl>
            <dt>支付方式</dt>
            <dd>23家主流网银支付</dd>
            <dd>支付宝、银联等支付</dd>
            <dd>信用卡支付</dd>
            <dd>零钱支付</dd>
          </dl>
          <dl>
            <dt>配送方式</dt>
            <dd>配送范围及运费</dd>
            <dd>验货及签收</dd>

          </dl>
          <dl>
            <dt>售后服务</dt>
            <dd>退货政策</dd>
            <dd>退货流程</dd>
            <dd>退货方式和时效</dd>
            <dd>换货服务</dd>
          </dl>
        </div>
        <div class="footer_info">
          <a target="_blank" rel="nofollow" href="//www.vip.com/about-us" title="关于我们">关于我们</a>
          <a target="_blank" rel="nofollow" href="//www.vip.com/en/about-us" title="About us">About us</a>
          <a target="_blank" rel="nofollow" href="http://ir.vip.com/" title="Investor Relations">Investor Relations</a>
          <a target="_blank" rel="nofollow" href="//blog.vip.com/?r=/Blog/HTML_showList/sort_id//29"
            title="媒体报道">媒体报道</a>
          <a target="_blank" rel="nofollow" href="//vis.vip.com/stipulate/" title="品牌招商">品牌招商</a>
          <a target="_blank" rel="nofollow" href="https://rule.vip.com/" title="平台规则">平台规则</a>
          <a target="_blank" rel="nofollow" href="//www.vip.com/privacy" title="隐私条款">隐私条款</a>
          <a target="_blank" rel="nofollow"
            href="https://h5rsc.vip.com/h5rscSupportClause/h5rscSupportClause/index.html" title="服务条款">服务条款</a>
          <a target="_blank" rel="nofollow" href="https://job.vip.com" title="唯品诚聘">唯品诚聘</a>
          <a target="_blank" rel="nofollow" href="//detail.vip.com/vipcard.html" title="唯品卡">唯品卡</a>
          <a target="_blank" href="//www.vip.com/contact-us" title="联系我们">联系我们</a>
          <a target="_blank" href="https://lapp.corp.vipshop.com:8013/Integrity-Report/?qd=GW" title="廉正举报">廉正举报</a>
        </div>
      </div>

    </div>
</body>

</html>